<!DOCTYPE html>
<!--<html lang="en">-->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设备信息</title>
    	<link href="../static/css/device.css" th:href="@{/css/device.css}" rel="stylesheet" type="text/css" />
	<script type="text/javascript" th:src="@{/js/jquery/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
    <style>
        .energyHref {
            width: 350px;
            height: 46px;
            position: absolute;
            top: 120px;
            left: 1540px;
        }
    </style>
</head>
<body>
    <div class="wrapper">
		<img src="../static/images/bg1.jpg" th:src="@{/images/bg1.jpg}" alt="" style="display:none;">
		<img src="../static/images/bg2.jpg" th:src="@{/images/bg2.jpg}" alt="" >
		<img src="../static/images/bg3.jpg" th:src="@{/images/bg3.jpg}" alt="" style="display:none;">
        <!-- 图标 -->
        <div class="clickImg">
            <div class="home">
                <img src="../static/images/1.png" th:src="@{/images/1.png}" alt="">
            </div>
            <div class="system">
                <img src="../static/images/4.png" th:src="@{/images/4.png}" alt="">
            </div>
            <div class="person">
                <img src="../static/images/5.png" th:src="@{/images/5.png}" alt="">
            </div>
        </div>

        <!-- 故障监视 -->
        <div class="faultMonitoring">
            <div class="fas"></div>
            <div class="emcs"></div>
            <div class="psdUp"></div>
            <div class="psdDpwn"></div>
            <div class="afc"></div>
            <div class="acs"></div>
            <div class="pis"></div>
            <div class="pa"></div>
            <div class="cctv"></div>
        </div>

        <!-- 故障统计 -->
        <div id="faultStatistics"></div>
        <div class="faultNum"></div>

        <!-- 故障趋势 -->
        <div id="faultTrend"></div>

        <!-- 时间 -->
        <div class="timeDiv">
            <span class="date"></span>
            <span class="time"></span>
        </div>

        <!-- 设备、热力图、人员 -->
        <div class="iframe">

        </div>
        <!--<div class="threeImg">-->
			<!--<div class="equipment">-->
				<!--<img src="../static/images/shebei.png"-->
					<!--th:src="@{/images/shebei.png}" alt="">-->
			<!--</div>-->
			<!--<div class="thermodynamicChart">-->
				<!--<img src="../static/images/relitu.png"-->
					<!--th:src="@{/images/relitu.png}" alt="">-->
			<!--</div>-->
			<!--<div class="personnel">-->
				<!--<img src="../static/images/renyuan.png"-->
					<!--th:src="@{/images/renyuan.png}" alt="">-->
			<!--</div>-->
        <!--</div>-->

        <!-- 温度等数据 -->
        <div class="temperature"></div>
        <div class="precipitation"></div>
        <div class="ppm">
            <p></p>
            <p>ppm</p>
        </div>
		 <div class="gzzx"></div>
        <!-- 能耗占比 -->
        <div id="energyRatio"></div>
        <a href="http://10.188.35.186:7080/login/sso/index.html#be669f87f2050ad8390db9d7c6e682128f552d62a24cfda3dfcf29c178cdc67c7b3a863caa1d299a" class="energyHref" target="_blank  "></a>
        <!-- 能耗监测 -->
        <div class="energyMonitor">
            <div class="electricity"></div>
            <div class="lastYear-electricity"></div>
            <div class="lastMonth-electricity"></div>
        </div>
        <div class="waterMonitor">
            <div class="water"></div>
            <div class="lastYear-water"></div>
            <div class="lastMonth-water"></div>
            <div class="lastDays-water"></div>
		</div>
        <!-- 能耗趋势 -->
        <div id="energyTrend"></div>
    </div>

	<script src="../static/js/echart/echarts.min.js" th:src="@{/js/echart/echarts.min.js}"></script>
	<script src="../static/js/device.js" th:src="@{/js/device.js}"></script>
</body>
</html>